import { Card, Col, Row, Table, Tooltip } from 'antd'
import { history } from 'umi'
import React from 'react'
import './AppsPortal.less'

const colProps = {
  xl: 8,
  lg: 8,
  md: 8,
  sm: 8,
  xs: 8,
  style: { marginBottom: 24 }
}



const AppsPortal = ({ loading }) => {

  const goToPage = (url) => {
    history.push(url);
  };

  return (
    <Card
    loading={loading}
    bordered={false}
    title="快速功能入口"
    className="apps-portal"
    style={{height: '100%'}}
    >
    <Row gutter={24} type="flex">
      <Col {...colProps} onClick={() => goToPage('/recruitment/employee')} className="apps-portal__item">
        <img className="apps-portal__item-icon" alt='' src={require('@/assets/kaoqinpaiban.png')}/>
        <div className="apps-portal__item-label">招聘人员管理</div>
      </Col>
      <Col {...colProps} onClick={() => goToPage('/personnel/entry/newEmployees')} className="apps-portal__item">
        <img className="apps-portal__item-icon" alt='' src={require('@/assets/kaoqinpaiban.png')}/>
        <div className="apps-portal__item-label">新员工入职管理</div>
      </Col>
      <Col {...colProps} onClick={() => goToPage('/security/securityManage/securityPlanList')} className="apps-portal__item">
        <img className="apps-portal__item-icon" alt='' src={require('@/assets/shebaojisuanqi.png')}/>
        <div className="apps-portal__item-label">社保方案管理</div>
      </Col>
      {/*<Col {...colProps} className="apps-portal__item">*/}
      {/*  <img className="apps-portal__item-icon" alt='' src={require('@/assets/shuishoujisuanqi.png')}/>*/}
      {/*  <div className="apps-portal__item-label">个税计算器</div>*/}
      {/*</Col>*/}
      {/*<Col {...colProps} className="apps-portal__item">*/}
      {/*  <img className="apps-portal__item-icon" alt='' src={require('@/assets/rencai.png')}/>*/}
      {/*  <div className="apps-portal__item-label">人才库</div>*/}
      {/*</Col>*/}
      {/*<Col {...colProps} className="apps-portal__item">*/}
      {/*  <img className="apps-portal__item-icon" alt='' src={require('@/assets/jixiaokaohe.png')}/>*/}
      {/*  <div className="apps-portal__item-label">绩效考核</div>*/}
      {/*</Col>*/}
      {/*<Col {...colProps} className="apps-portal__item">*/}
      {/*  <img className="apps-portal__item-icon" alt='' src={require('@/assets/kaoqinpaiban.png')}/>*/}
      {/*  <div className="apps-portal__item-label">考勤排班</div>*/}
      {/*</Col>*/}
      {/*<Col {...colProps} className="apps-portal__item">*/}
      {/*  <img className="apps-portal__item-icon" alt='' src={require('@/assets/zichanzhongxin.png')}/>*/}
      {/*  <div className="apps-portal__item-label">资产中心</div>*/}
      {/*</Col>*/}
      {/*<Col {...colProps} className="apps-portal__item">*/}
      {/*  <img className="apps-portal__item-icon" alt='' src={require('@/assets/gonggao.png')}/>*/}
      {/*  <div className="apps-portal__item-label">公告</div>*/}
      {/*</Col>*/}
      {/*<Col {...colProps} className="apps-portal__item">*/}
      {/*  <img className="apps-portal__item-icon" alt='' src={require('@/assets/jifenfuli.png')}/>*/}
      {/*  <div className="apps-portal__item-label">积分福利</div>*/}
      {/*</Col>*/}
      {/*<Col {...colProps} className="apps-portal__item">*/}
      {/*  <img className="apps-portal__item-icon" alt='' src={require('@/assets/kaoqinchaxun.png')}/>*/}
      {/*  <div className="apps-portal__item-label">考勤查询</div>*/}
      {/*</Col>*/}
    </Row>

  </Card>
  )

}


export default AppsPortal
